<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Form-JavaScript-WSCORE</title>
	<link href="../../theme/style.css" rel="stylesheet" type="text/css" />
	<script src="../../theme/browser.js" type="text/javascript"></script>
</head>
<body>
	<div class="header">
		<ol>
			<li><a href="../../index.html">首页</a></li>
			<li>form</li>
		</ol>
	</div>

	<h1>Form</h1>
	<div class="intro">
		用途: 初始化表单元素<br />
		效果: 请<a href="demo.html" target="_blank">点击浏览</a>
	</div>
	
	<h2>消息<em>表单元素与用户互动时的相关消息提示</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th title="name">属性名</th>
					<th title="属性内容">属性值</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td></td>
					<td>info-ignore</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-ignore-false]" href="#">false</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-ignore-true]" href="#">true</a>
						<div code-form-info-ignore-false style="display:none">
							<code title="不忽略">/*!
* 自动按需显示元素消息
*/
<form action="#" method="post">...</form>
<form action="#" method="post" info-ignore="false">...</form></code>
						</div>
						<div code-form-info-ignore-true style="display:none">
							<code title="设忽略">/*!
* 不显示元素消息
*/
<form action="#" method="post" info-ignore="true">...</form></code>
						</div>
					</td>
					<td>
						是否忽略消息提示(默认：false, 显示消息)
						<div class="demo">
							<input type="email" name="info" required filter-icon="user" info-pos="r" info-info="焦点提醒" info-success="正确提示" placeholder="默认提醒" value="编辑内容时" /><br />
							<input type="email" name="info" required info-ignore="true" placeholder="禁用提醒" />
						</div>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>info-pos</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">t</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">l</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">r</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">b</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">i</a>
						<div code-form-info-pos style="display:none">
							<code title="消息位置偏移">/*!
* 消息窗口与元素定位偏移量
* 只对 top,left,right,bottom有效
*/
<input info-pos="i" type="text" name="example" />
<input info-margin-top="10" type="text" name="example" />
<input info-pos="t" info-margin-left="-10" type="text" name="example" />
<input info-pos="l" info-margin-right="30" type="text" name="example" />
<input info-pos="b" info-margin-bottom="-30" type="text" name="example" /></code>
						</div>
					</td>
					<td>
						消息显示位置(默认：r, 即右侧)<br />
						支持: Top, Left, Right, Bottom, Inner
					</td>
				</tr>
				<tr>
					<td></td>
					<td>info-margin-top</td>
					<td><a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">int</a></td>
					<td>上偏移(非inner时有效)</td>
				</tr>
				<tr>
					<td></td>
					<td>info-margin-left</td>
					<td><a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">int</a></td>
					<td>左偏移(非inner时有效)</td>
				</tr>
				<tr>
					<td></td>
					<td>info-margin-right</td>
					<td><a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">int</a></td>
					<td>右偏移(非inner时有效)</td>
				</tr>
				<tr>
					<td></td>
					<td>info-margin-bottom</td>
					<td><a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">int</a></td>
					<td>下偏移(非inner时有效)</td>
				</tr>
				
				<tr>
					<td></td>
					<td>info-info</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">string</a>
					</td>
					<td>
						获得焦点时，显示消息内容
						<div class="demo">
							<input type="text" name="info" info-info="焦点提示消息" placeholder="点此试试" />
						</div>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>info-success</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-info-pos]" href="#">string</a>
					</td>
					<td>
						获得焦点时，显示消息内容
						<div class="demo">
							<input type="email" name="info" info-success="正确提示" placeholder="点此试试" />
						</div>
					</td>
				</tr>
				
			</tbody>
		</table>
	</div>
	

	<h2>表单<em>form</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性名</th>
					<th>属性值</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td></td>
					<td>form-ignore</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-ignore-false]" href="#">false</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-ignore-true]" href="#">true</a>
						<div code-form-ignore-false style="display:none">
							<code title="不忽略">/*!
* 注册submit事件
* @event submit
*/
<form action="#" method="post">...</form>
<form action="#" method="post" form-ignore="false">...</form></code>
						</div>
						<div code-form-ignore-true style="display:none">
							<code title="设忽略">/*!
* 忽略初始化
* @event submit
*/
<form action="#" method="post" form-ignore="true">...</form></code>
						</div>
					</td>
					<td>
						是否忽略初始化事件(默认: false, 即不忽略)
					</td>
				</tr>
				<tr>
					<td></td>
					<td>target</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-target-null]" href="#">null</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-target-ajax]" href="#">ajax</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-target-string]" href="#">string</a>
						<div code-target-null style="display:none">
							<code title="默认位置">/*!
* 提交到iframe中
* @return jQuery.wscform()
*/
<form action="#" method="post">...</form></code>
						</div>
						<div code-target-ajax style="display:none">
							<code title="AJAX提交">/*!
* 以AJAX方式提交表单
* @return { 'errno' : int, 'error' : 'string', 'redirect' : 'URL', ....}
*/
<form action="#" method="post" target="ajax">...</form></code>
						</div>
						<div code-target-string style="display:none">
							<code title="自定义位置">/*!
* 自定义提交位置
* @return { 'errno' : int, 'error' : 'string', 'redirect' : 'URL', ....}
*/
<form action="#" method="post" target="iframe">...</form>
<form action="#" method="post" target="_blank">...</form></code>
						</div>
					</td>
					<td>
						表单提交位置与方式
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>按钮<em>button | reset | submit | image</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td></td>
					<td>type="reset"</td>
					<td></td>
					<td><input type="reset" value="重置按钮" /></td>
				</tr>
				<tr>
					<td></td>
					<td>type="button"</td>
					<td></td>
					<td><input type="button" value="普通按钮" /></td>
				</tr>
				<tr>
					<td></td>
					<td>type="submit"</td>
					<td></td>
					<td><input type="submit" value="提交按钮" /></td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>选项<em>checkbox | radio</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>type="checkbox"</td>
					<td></td>
					<td>
						格式效果<br />
						input: 元素选项<br />
						label: 元素标签(点击时与input有相同事件)
						<div class="demo">
							<form>
							<input filter-min="2" filter-max="3" info-pos="r" type="checkbox" name="checkbox[]" value="1" /><label>checkbox1</label><br />
							<input type="checkbox" name="checkbox[]" value="2" /><label>checkbox2</label><br />
							<input type="checkbox" name="checkbox[]" value="3" /><label>checkbox3</label><br />
							<input type="checkbox" name="checkbox[]" value="4" /><label>checkbox4</label><br />
							<input type="checkbox" name="checkbox[]" value="5" /><label>checkbox5</label>
							</form>
						</div>
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>required</td>
					<td>无</td>
					<td>是否必填</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-max</td>
					<td>int</td>
					<td>
						最大选择数量<br />
						仅限元素组的第1项
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-min</td>
					<td>int</td>
					<td>
						最小选择数量<br />
						仅限元素组的第1项
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>form-no-ui</td>
					<td>true | false</td>
					<td>
						禁用UI初始化<br />
						仅在true时禁用, 反之则启用
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>日历<em>date、datetime、datetime-local</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>
						type="date"<br />
						type="datetime"<br />
						type="datetime-local"<br />
						type="text" filter="date"
					</td>
					<td>任选一</td>
					<td>
						用户数据必须是日历形式<br />
						格式：YYYY-MM-DD
						<div class="demo">
							<input type="date" name="date" value="" placeholder="年-月-日" />
						</div>
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>required</td>
					<td>无</td>
					<td>是否必填</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>form-no-ui</td>
					<td>true | false</td>
					<td>
						禁用UI初始化<br />
						仅在true时禁用, 反之则启用
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-icon</td>
					<td>string</td>
					<td>
						指定元素图标图标<br />
						注意：当form-no-ui为true时本项无效<br />
						参考：预定义<a href="../icon/">图标名称</a>系列
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-min</td>
					<td>string</td>
					<td>
						最小日期<br />
						格式：(\-*)(\d+)[dDmMyY]<br />
						示例：-1y(1年前)、-2m(2个月前), -3d(3天前)<br />
						示例：2014Y(2014年)、12M(12月), 3D(3号)
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-max</td>
					<td>string</td>
					<td>
						最小日期<br />
						格式：(\-*)(\d+)[dDmMyY]<br />
						示例：-1y(1年前)、-2m(2个月前), -3d(3天前)<br />
						示例：2014Y(2014年)、12M(12月), 3D(3号)
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-min-for</td>
					<td>string</td>
					<td>日期不得小(等)于某一个字段日期</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-max-for</td>
					<td>string</td>
					<td>日期不得大(等)于某一个字段日期</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>邮箱<em>email</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性名</th>
					<th>属性值</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>
						type="email"<br />
						type="text" filter="email"
					</td>
					<td>任选一</td>
					<td>
						要求输入内容必须为邮箱<br />
						自动处理全角与半角切换<br />
						同时转成全小写
						<div class="demo">
							<input required type="email" name="email" size="25" value="" placeholder="someone@example.com" />
						</div>
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>required</td>
					<td>无</td>
					<td>是否必填</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>form-no-ui</td>
					<td>true</td>
					<td>
						禁用UI初始化<br />
						仅在true时禁用, 反之则启用
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-icon</td>
					<td>string</td>
					<td>
						指定元素图标图标<br />
						注意：当form-no-ui为true时本项无效<br />
						参考：预定义<a href="../icon/">图标名称</a>系列
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>上传<em>file</em></h2>
	<div class="program">Program!</div>

	<h2>隐藏<em>hidden</em></h2>
	<div class="program">Program!</div>

	<h2>月份<em>month</em></h2>
	<div class="program">Program!</div>

	<h2>数字<em>number | range</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>
						type="number"<br />
						type="range"<br />
						type="text" filter="number"<br />
						type="text" filter="range"
					</td>
					<td>任选一</td>
					<td>
						用户输入整数必须<br />
						在指定范围内的任意整数
						<div class="demo">
							<input required filter-min="-5" filter-max="5" type="number" name="number" size="8" value="" placeholder="-5至5间" />
						</div>
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>required</td>
					<td>无</td>
					<td>是否必填</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>form-no-ui</td>
					<td>true | false</td>
					<td>
						禁用UI初始化<br />
						仅在true时禁用, 反之则启用
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-max</td>
					<td>int</td>
					<td>
						最大值(数字)<br />
						用户输入值不能大于此值
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-min</td>
					<td>int</td>
					<td>
						最小值(数字)<br />
						用户输入值不能小于此值
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-icon</td>
					<td>string</td>
					<td>
						指定元素图标图标<br />
						注意：当form-no-ui为true时本项无效<br />
						参考：预定义<a href="../icon/">图标名称</a>系列
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>密码<em>password</em></h2>
	<div class="program">Program!</div>

	<h2>菜单<em>select</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>select</td>
					<td>元素名</td>
					<td>
						菜单以3列表示例
						<div class="demo">
							<select name="select-cols-3">
								<option value="1">Col-1-1</option><option value="1">Col-1-2</option><option value="1">Col-1-3</option>
								<option value="1">Col-2-1</option><option value="1">Col-2-2</option><option value="1">Col-2-3</option>
								<option value="1">Col-3-1</option><option value="1">Col-3-2</option><option value="1">Col-3-3</option>
								<option value="1">Col-4-1</option><option value="1">Col-4-2</option><option value="1">Col-4-3</option>
								<option value="">测试超级长内容选项</option>
							</select>
							<select filter-cols="3" name="select-cols-3">
								<option value="1">Col-1-1</option><option value="1">Col-1-2</option><option value="1">Col-1-3</option>
								<option value="1">Col-2-1</option><option value="1">Col-2-2</option><option value="1">Col-2-3</option>
								<option value="1">Col-3-1</option><option value="1">Col-3-2</option><option value="1">Col-3-3</option>
								<option value="1">Col-4-1</option><option value="1">Col-4-2</option><option value="1">Col-4-3</option>
								<option value="">测试超级长内容选项</option>
							</select>
						</div>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>filter-cols</td>
					<td>int</td>
					<td>
						选项列数<br />
						默认：1 (即1列显示, 超过可视区域时显示滚动条)<br />
						示例：filter-cols="3" (即选项每行显示3列)
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>按钮<em>submit</em></h2>
	<div class="program">Program!</div>

	<h2>文本<em>text | search</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>
						type="text"<br />
						type="search"
					</td>
					<td>任选一</td>
					<td>
						用户输入内容为任意字符串
						<div class="demo">
							<input required filter-min="5" filter-max="10" type="text" name="text" value="" placeholder="5-10个字符之间" />
						</div>
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>required</td>
					<td>无</td>
					<td>是否必填</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>form-no-ui</td>
					<td>true | false</td>
					<td>
						禁用UI初始化<br />
						仅在true时禁用, 反之则启用
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-max</td>
					<td>int</td>
					<td>
						最多可输入字符数<br />
						计算：1个中文=3个字符
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-min</td>
					<td>int</td>
					<td>
						最少可输入字符数<br />
						计算：1个中文=3个字符
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-suggest</td>
					<td>link</td>
					<td>通过用户输入的内容从link地址获取推荐列表</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-suggest-callback</td>
					<td>index|text|value|function</td>
					<td>
						点击建议记录处理模式<br />
						#1: index, 返回suggest-index属性值<br />
						#2: value, 返回suggest-value属性值<br />
						#3: text, 返回suggest-text<br />
						#4: function, 返回名称为function的函数<br />
						#5: 不指定本属性时不做任何返回
						<div class="demo">
							<input type="email" name="suggest" value="" placeholder="websearch@163.com" 
							filter-icon="search" 
							filter-suggest="suggest.php" 
							filter-suggest-callback="text" 

							/>
						</div>
					</td>
				</tr>
				<tr>
					<td>&#160;</td>
					<td>filter-icon</td>
					<td>string</td>
					<td>
						指定元素图标图标<br />
						注意：当form-no-ui为true时本项无效<br />
						参考：预定义<a href="../icon/">图标名称</a>系列
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>文档<em>textarea</em></h2>
	<div class="program">Program!</div>

	<h2>时间<em>time</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>
						type="time"<br />
						type="text" filter="time"
					</td>
					<td>任选一</td>
					<td>
						用户输入内容必须为时间<br />
						格式: HH:II<br />
						示例: 00:00 (零时零分)<br />
						示例: 23:59 (23时59分)
						<div class="demo">
							<input required type="time" name="time" placeholder="如00:00" />
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>网址<em>url</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>
						type="url"<br />
						type="text" filter="url"
					</td>
					<td>任选一</td>
					<td>
						用户输入内容必须网址
						<div class="demo">
							<input required type="url" name="url" value="" placeholder="www.example.com" />
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>周数<em>week</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性项</th>
					<th>可选项</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>
						type="week"<br />
						type="text" filter="week"
					</td>
					<td>任选一</td>
					<td>
						用户输入内容必须某年中的第某周<br />
						格式: YYYY-WNO<br />
						示例: 2014-W01 (2014年第1周)<br />
						示例: 2014-W52 (2014年第52周)
						<div class="demo">
							<input required type="week" name="week" placeholder="如: 2014-W01" />
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	
	
	<!--
	
	<h2>文本<em>date, datetime, email, password, tel, text, time</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性名</th>
					<th>属性值</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td></td>
					<td>filter</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-filter]" href="#">string</a>
						<div code-form-filter style="display:none">
							<code title="设置筛选类型">// 日期
<input type="date" name="date" placeholder="请选择日历" />
<input type="datetime" name="date" placeholder="请选择日历" />
<input type="text" filter="date" name="date" placeholder="请选择日历" />
// 邮箱
<input type="email" name="email" placeholder="请填写邮箱" />
<input type="text" filter="email" name="email" placeholder="请填写邮箱" />
// 手机
<input type="text" filter="mobile" name="mobile" placeholder="请填写手机" />
// 固话
<input type="tel" name="tel" placeholder="请填写固定电话" />
<input type="text" filter="tel" name="tel" placeholder="请填写固定电话" /></code>
						</div>
					</td>
					<td>
						格式化筛选，验证用户输入正确性(当不指定时自动选择type值)
						<div class="demo">
							示例：<br />
							<input type="text" required filter="email" name="email" placeholder="请填写邮箱" /><br />
							<input type="text" required filter="mobile" name="mobile" placeholder="请填写手机" /><br />
							<input type="text" required filter="tel" name="tel" placeholder="请填写电话" /><br />
							<textarea name="textarea" cols="55" rows="3" filter-min="6" filter-max="30" placeholder="请输入内容...."></textarea>
						</div>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>filter-icon</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-filter-icon]" href="#">string</a>
						<div code-form-filter-icon style="display:none">
							<code title="图标支持">// 绑定表单ICON图标
<input filter-icon="search" type="text" name="text" placeholder="请输入关键词" /></code>
						</div>
					</td>
					<td>
						表单元素添加ICON图标(查看<a href="../icon/index.html">支持图标</a>列表)
						<div class="demo">
							示例：<br />
							<input filter-icon="lock" filter-min="6" filter-max="16" type="password" name="password" placeholder="6-16字符" />
						</div>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>filter-icon-text</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-filter-icon-text]" href="#">string</a>
						<div code-form-filter-icon-text style="display:none">
							<code title="图标加文字">// 绑定表单ICON图标与文字
<input filter-icon="search" filter-icon-text="搜索" type="text" name="text" placeholder="请输入关键词" /></code>
						</div>
					</td>
					<td>
						绑定ICON图标文本
						<div class="demo">
							<input filter-icon="search" filter-icon-text="搜索" required type="text" name="text" placeholder="请输入关键词" />
						</div>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>filter-min</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-filter-min]" href="#">int</a>
						<div code-form-filter-min style="display:none">
							<code title="最小长度">// 最少输入多少个字符
// 1个中文=2个字符
<input type="text" filter-min="6" name="filtermin" /></code>
						</div>
					</td>
					<td>最少输入字符数(1中文=2字符)</td>
				</tr>
				<tr>
					<td></td>
					<td>filter-max</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-filter-min]" href="#">int</a>
						<div code-form-filter-min style="display:none">
							<code title="最大长度">// 最多输入多少个字符
// 1个中文=2个字符
<input type="text" filter-max="16" name="filtermax" /></code>
						</div>
					</td>
					<td>最多输入字符数(1中文=2字符)</td>
				</tr>
				<tr>
					<td></td>
					<td>placeholder</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-placeholder]" href="#">string</a>
						<div code-form-placeholder style="display:none">
							<code title="设置占位符">/*!
* 设置占位符
*/
<input type="text" name="email" placeholder="请填写邮箱" /></code>
						</div>
					</td>
					<td>表单内容为空时显示的一段提示文本</td>
				</tr>
				<tr>
					<td></td>
					<td>required</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-required-false]" href="#">false</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-required-true]" href="#">true</a>
						<div code-form-required-false style="display:none">
							<code title="非必填">/*!
* 用户可以不填
*/
<input type="text" name="example" /></code>
						</div>
						<div code-form-required-true style="display:none">
							<code title="必填项">/*!
* 用户必须填写
*/
<input type="text" name="example" required />
<input type="text" name="example" required="true" /></code>
						</div>
					</td>
					<td>是否要求必填写(默认：false, 选填)</td>
				</tr>
				<tr>
					<td></td>
					<td>form-no-ui</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-no-ui-false]" href="#">false</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-no-ui-true]" href="#">true</a>
						<div code-form-no-ui-false style="display:none">
							<code title="启用EVENT初始化">/*!
* 注册UI样式
*/
<input type="text" name="example" />
<input type="text" name="example" form-no-ui="false" /></code>
						</div>
						<div code-form-no-ui-true style="display:none">
							<code title="禁用UI初始化">/*!
* 禁用UI初始化
*/
<input type="text" name="example" form-no-ui="true" /></code>
						</div>
					</td>
					<td>
						是否禁用UI初始化(默认：false, 启用)
						<div class="demo">
							禁用UI:<br />
							<input form-no-ui="true" type="email" name="email" placeholder="请填写邮箱" /><br />
							启用UI:<br />
							<input type="email" name="email" placeholder="请填写邮箱" />
						</div>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>form-no-event</td>
					<td>
						<a dialog dialog-no-title="true" dialog-selector="[code-form-no-event-false]" href="#">false</a> | 
						<a dialog dialog-no-title="true" dialog-selector="[code-form-no-event-true]" href="#">true</a>
						<div code-form-no-event-false style="display:none">
							<code title="启用EVENT初始化">/*!
* 注册event事件
* @event blur
* @event focus
* @event keydown
* @event keyup
*/
<input type="text" name="example" />
<input type="text" name="example" form-no-event="false" /></code>
						</div>
						<div code-form-no-event-true style="display:none">
							<code title="禁用EVENT初始化">/*!
* 禁用event事件
*/
<input type="text" name="example" form-no-event="true" /></code>
						</div>
					</td>
					<td>
						是否禁用EVENT初始化(默认：false, 启用)
						<div class="demo">
							禁用EVENT:<br />
							<input form-no-event="true" type="email" name="email" placeholder="请填写邮箱" /><br />
							启用EVENT:<br />
							<input type="email" name="email" placeholder="请填写邮箱" />
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>上传<em>file</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性名</th>
					<th>属性值</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>dialog</td>
					<td>#</td>
					<td>#</td>
				</tr>
			</tbody>
		</table>
	</div>

	<h2>菜单<em>select</em></h2>
	<div class="program">
		<table>
			<thead>
				<tr>
					<th>&#160;</th>
					<th>属性名</th>
					<th>属性值</th>
					<th>&#160;</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>必须</td>
					<td>dialog</td>
					<td>#</td>
					<td>#</td>
				</tr>
			</tbody>
		</table>
	</div>

	-->
<script type="text/javascript" src="../../theme/footer.js"></script>
</body>
</html>
	